﻿.popup
{
	position: absolute;
	top: 0px;
	left: -10000px;
	z-index: 666;
}

.popup img 
{
	border: 0px;
}

.popupMenuTop, .popupMenuBottom
{
	position: relative; 
}

.popupMenuTopBg, .popupMenuBottomBg
{
	height: 3px;
	background-image: url(../Img/PopupMenu/topMid.png);
	margin: 0px 6px 0px 6px;
	z-index: 666;
}

.popupMenuBottomBg
{
	background-image: url(../Img/PopupMenu/bottomMid.png);
	height: 7px;
}

.popupMenuTopLeftCorner, .popupMenuTopRightCorner, .popupMenuBottomLeftCorner, .popupMenuBottomRightCorner
{
	position: absolute;
	top: 0px;
	width: 6px;
	height: 3px;
}

.popupMenuTopLeftCorner
{
	left: 0px;
	background-image: url(../Img/PopupMenu/topLeft.png);
}

.popupMenuTopRightCorner
{
	right: 0px;
	background-image: url(../Img/PopupMenu/topRight.png);
}

.popupMenuBottomLeftCorner
{
	left: 0px;
	background-image: url(../Img/PopupMenu/bottomLeft.png);
	height: 7px;
}

.popupMenuBottomRightCorner
{
	right: 0px;
	background-image: url(../Img/PopupMenu/bottomRight.png);
	height: 7px;
}

.popupMenu
{
	position: relative;
}

.popupMenuContent, .popupMenuContentNoGutter
{
	margin: 0px 3px 0px 3px;
	background-image: url(../Img/PopupMenu/mid.png);
	background-repeat: no-repeat;
	padding: 2px;
	text-align: left;
}

.popupMenuContentNoGutter
{
	background-image: url(../Img/PopupMenu/midNoGutter.png);
	max-height: 300px;
	padding-right: 10px;
	overflow-y: auto;
}

.popupMenuContentNoGutter div
{
    margin-bottom: 2px;
    white-space: nowrap;
}

.popupMenuContentNoGutter input
{
	background: none;
}

.popupMenuContentNoGutter div input, .popupMenuContentNoGutter div span
{
    vertical-align: middle;
    margin-right: 3px;
}

.popupMenuLeftBg
{
	position: absolute;
	left: 0px;
	background-image: url(../Img/PopupMenu/left.png);
	width: 3px;
	height: 100%;
}

.popupMenuRightBg
{
	position: absolute;
	right: 0px;
	background-image: url(../Img/PopupMenu/right.png);
	width: 3px;
	height: 100%;
}

.popupMenu a
{
	display: block;
	background-image: none;
	border: 1px solid transparent;
	padding: 2px;
	padding-left: 1px;
	padding-right: 5px;
	text-decoration: none;
}

.popupMenu a img, .popupMenu a span
{
	vertical-align: middle;
}

.popupMenu a img
{
	margin-right: 10px;
}

.popupMenuContentNoGutter a img
{
	margin-right: 4px;
}

.popupMenu a span
{
	white-space: nowrap;
	color: #000000;
}

.popupMenu a:hover
{
	display: block;
	background-image: url(../Img/PopupMenu/hover.png);
	border: 1px solid #c5cbd1;
}